<!--
    Author : Arian Ichsan - 23509027
-->
<?php if (isset($pesan))echo $pesan;?>
<head>
	<title>Reservasi Ruangan</title>

        <!--JQuery Library-->
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/jquery-ui-1.8.11.custom/css/blitzer/jquery-ui-1.8.12.custom.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/jquery-timepicker/timePicker.css" />
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/jquery-ui-1.8.11.custom/js/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/jquery-ui-1.8.11.custom/js/jquery-ui-1.8.11.custom.min.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/jquery-timepicker/jquery.timePicker.min.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/jquery-timepicker/jquery.timePicker.js"></script>

        <script type="text/javascript">

            $(function jQueryOnDocumentReady() { //on document ready
                //initial
                $("#waktuSenin").hide();
                $("#waktuSelasa").hide();
                $("#waktuRabu").hide();
                $("#waktuKamis").hide();
                $("#waktuJumat").hide();
                $("#waktuSabtu").hide();
                $("#waktuMinggu").hide();
                $("#senin").attr('checked',false);
                $("#selasa").attr('checked',false);
                $("#rabu").attr('checked',false);
                $("#kamis").attr('checked',false);
                $("#jumat").attr('checked',false);
                $("#sabtu").attr('checked',false);
                $("#minggu").attr('checked',false);

                //fungsi yang ditrigger saat mengklik button Ambil Pilihan Ruangan
                $("#ambilPilihanRuangan").click(function() {
                    //validasi field entry data kegiatan
                    if ( $("#namaKegiatan").val()=='' || $("#tanggalMulai").val()=='' || $("#tanggalSelesai").val()=='')
                    {
                        alert ("Field nama,keterangan, tanggal, dan waktu harus diisi dengan lengkap");
                        return false;
                    }

                    if (  $("#tanggalMulai").val()>=$("#tanggalSelesai").val() )
                    {
                        alert ("Tanggal Mulai harus < Tanggal Selesai");
                        return false;
                    }

                    if ($("input[name=hari[]]:checked").length == 0)
                    {
                        alert ('Anda belum memilih hari pelaksanaan kegiatan');
                        return false;
                    }
                    else
                    {
                        if ($("#senin").is(':checked'))
                        {
                            if ( $("#seninMulai").val()=="" || $("#seninSelesai").val()=="" )
                            {
                                alert ("Data waktu kegiatan pada hari yang di-check harus diisi lengkap");
                                return false;
                            }
                        }
                        if ($("#selasa").is(':checked'))
                        {
                            if ( $("#selasaMulai").val()=="" || $("#selasaSelesai").val()=="" )
                            {
                                alert ("Data waktu kegiatan pada hari yang di-check harus diisi lengkap");
                                return false;
                            }
                        }
                        if ($("#rabu").is(':checked'))
                        {
                            if ( $("#rabuMulai").val()=="" || $("#rabuSelesai").val()=="" )
                            {
                                alert ("Data waktu kegiatan pada hari yang di-check harus diisi lengkap");
                                return false;
                            }
                        }
                        if ($("#kamis").is(':checked'))
                        {
                            if ( $("#kamisMulai").val()=="" || $("#kamisSelesai").val()=="" )
                            {
                                alert ("Data waktu kegiatan pada hari yang di-check harus diisi lengkap");
                                return false;
                            }
                        }
                        if ($("#jumat").is(':checked'))
                        {
                            if ( $("#jumatMulai").val()=="" || $("#jumatSelesai").val()=="" )
                            {
                                alert ("Data waktu kegiatan pada hari yang di-check harus diisi lengkap");
                                return false;
                            }
                        }
                        if ($("#sabtu").is(':checked'))
                        {
                            if ( $("#sabtuMulai").val()=="" || $("#sabtuSelesai").val()=="" )
                            {
                                alert ("Data waktu kegiatan pada hari yang di-check harus diisi lengkap");
                                return false;
                            }
                        }
                        if ($("#minggu").is(':checked'))
                        {
                            if ( $("#mingguMulai").val()=="" || $("#mingguSelesai").val()=="" )
                            {
                                alert ("Data waktu kegiatan pada hari yang di-check harus diisi lengkap");
                                return false;
                            }
                        }
                    }

                    var tanggalMulaiVal=$("#tanggalMulai").val();
                    var tanggalSelesaiVal=$("#tanggalSelesai").val();
                    var waktuMulaiVal=$("#waktuMulai").val();
                    var waktuSelesaiVal=$("#waktuSelesai").val();

                    var seninMulai = $("#seninMulai").val();
                    var seninSelesai = $("#seninSelesai").val();
                    var selasaMulai = $("#selasaMulai").val();
                    var selasaSelesai = $("#selasaSelesai").val();
                    var rabuMulai = $("#rabuMulai").val();
                    var rabuSelesai = $("#rabuSelesai").val();
                    var kamisMulai = $("#kamisMulai").val();
                    var kamisSelesai = $("#kamisSelesai").val();
                    var jumatMulai = $("#jumatMulai").val();
                    var jumatSelesai = $("#jumatSelesai").val();
                    var sabtuMulai = $("#sabtuMulai").val();
                    var sabtuSelesai = $("#sabtuSelesai").val();
                    var mingguMulai = $("#mingguMulai").val();
                    var mingguSelesai = $("#mingguSelesai").val();

                    //Konversi string tanggal dan waktu mulai ke dalam format penyimpanan MySQL (YYYY-MM-DD)
                    tanggalMulaiParts = tanggalMulaiVal.split("-");
                    tanggalMulai = tanggalMulaiParts[2]+"-"+tanggalMulaiParts[1]+"-"+tanggalMulaiParts[0];

                    //Konversi string tanggal dan waktu mulai ke dalam format penyimpanan MySQL (YYYY-MM-DD HH:MM:SS)
                    tanggalSelesaiParts = tanggalSelesaiVal.split("-");
                    tanggalSelesai = tanggalSelesaiParts[2]+"-"+tanggalSelesaiParts[1]+"-"+tanggalSelesaiParts[0];

                    //Kirim variabel ke server via ajax dengan method post
                    $.post("<?php echo  site_url('ServerReservasiRuangan/ajaxGetPilihanRuanganRutin'); ?>",
                    {tanggalMulai:tanggalMulai,tanggalSelesai:tanggalSelesai,
                    seninMulai:seninMulai,seninSelesai:seninSelesai,
                    selasaMulai:selasaMulai,selasaSelesai:selasaSelesai,
                    rabuMulai:rabuMulai,rabuSelesai:rabuSelesai,
                    kamisMulai:kamisMulai,kamisSelesai:kamisSelesai,
                    jumatMulai:jumatMulai,jumatSelesai:jumatSelesai,
                    sabtuMulai:sabtuMulai,sabtuSelesai:sabtuSelesai,
                    mingguMulai:mingguMulai,mingguSelesai:mingguSelesai,
                    aksi:"add"
                    },
                    function(data)
                    {
                        $("#opsiPilihanRuangan").html(data);
                    });
                });

                //ditrigger ketika salah satu checkbox diclick
                $(function clickCheckBox() {
                    $("#senin").change(function(){
                        if ($("#senin").is(':checked'))
                            $("#waktuSenin").show('slow');
                        else
                        {
                            $("#waktuSenin").hide('slow');
                            $("#seninMulai").val(''); //kosongkan lagi waktu yang sudah diisi
                            $("#seninSelesai").val('');
                        }
                    })

                    $("#selasa").change(function(){
                        if ($("#selasa").is(':checked'))
                            $("#waktuSelasa").show('slow');
                        else
                        {
                            $("#waktuSelasa").hide('slow');
                            $("#selasaMulai").val('');
                            $("#selasaSelesai").val('');
                        }
                            
                    })
                    $("#rabu").change(function(){
                        if ($("#rabu").is(':checked'))
                            $("#waktuRabu").show('slow');
                        else
                        {
                            $("#waktuRabu").hide('slow');
                            $("#rabuMulai").val('');
                            $("#rabuSelesai").val('');
                        }
                    })
                    $("#kamis").change(function(){
                        if ($("#kamis").is(':checked'))
                            $("#waktuKamis").show('slow');
                        else
                        {
                            $("#waktuKamis").hide('slow');
                            $("#kamisMulai").val('');
                            $("#kamisSelesai").val('');
                        }
                    })
                    $("#jumat").change(function(){
                        if ($("#jumat").is(':checked'))
                            $("#waktuJumat").show('slow');
                        else
                        {
                            $("#waktuJumat").hide('slow');
                            $("#jumatMulai").val('');
                            $("#jumatSelesai").val('');
                        }
                    })
                    $("#sabtu").change(function(){
                        if ($("#sabtu").is(':checked'))
                            $("#waktuSabtu").show('slow');
                        else
                        {
                            $("#waktuSabtu").hide('slow');
                            $("#sabtuMulai").val('');
                            $("#sabtuSelesai").val('');
                        }
                    })
                    $("#minggu").change(function(){
                        if ($("#minggu").is(':checked'))
                            $("#waktuMinggu").show('slow');
                        else
                        {
                            $("#waktuMinggu").hide('slow');
                            $("#mingguMulai").val('');
                            $("#mingguSelesai").val('');
                        }
                    })
                });

                //menaruh fungsi datepicker dan timepicker pada field tanggal dan timepicker pada field waktu
                $(function datepicker() {
                    $( "#tanggalMulai" ).datepicker({dateFormat: 'dd-mm-yy'});
                    $( "#tanggalSelesai" ).datepicker({dateFormat: 'dd-mm-yy'});
                    $( "#seninMulai" ).timePicker();
                    $( "#seninSelesai" ).timePicker();
                    $( "#selasaMulai" ).timePicker();
                    $( "#selasaSelesai" ).timePicker();
                    $( "#rabuMulai" ).timePicker();
                    $( "#rabuSelesai" ).timePicker();
                    $( "#kamisMulai" ).timePicker();
                    $( "#kamisSelesai" ).timePicker();
                    $( "#jumatMulai" ).timePicker();
                    $( "#jumatSelesai" ).timePicker();
                    $( "#sabtuMulai" ).timePicker();
                    $( "#sabtuSelesai" ).timePicker();
                    $( "#mingguMulai" ).timePicker();
                    $( "#mingguSelesai" ).timePicker();
                });
            });

	</script>

</head>
<?php echo form_open("ServerReservasiRuangan/submitDataReservasiRutin");?>
<fieldset id="entryDataKegiatan">
    <legend>&nbsp; Entry Data Kegiatan Rutin</legend>
    <table>
        <tr>
            <td>
                <label for="namaKegiatan">Nama kegiatan</label>
            </td>
            <td>
                <input type="text" name="namaKegiatan" id="namaKegiatan" value="<?php if (isset($row_kegiatanrutin)) echo $row_kegiatanrutin->activityName ?>"/>
            </td>
        </tr>

        <tr>
            <td valign="top">
                <label for="jenisKegiatan" >Jenis Kegiatan</label>
            </td>
            <td>
                <?php echo form_dropdown('jenisKegiatan', $optionJenisKegiatan) ;?>
            </td>
        </tr>
        
        <tr>
            <td>
                <label for="tanggalMulai">Tanggal Mulai<br />(DD-MM-YYYY)</label>
            </td>
            <td>
                <input type="text" id="tanggalMulai" name="tanggalMulai" readonly="readonly" size="10" value="<?php if (isset($row_kegiatanrutin)) echo date('d-m-Y',strtotime(substr($row_kegiatanrutin->startDate,0,10))); ?>"/>
            </td>
        </tr>

        <tr>
            <td>
                <label for="tanggalSelesai">Tanggal Selesai<br />(DD-MM-YYYY)</label>
            </td>
            <td>
                <input type="text" id="tanggalSelesai" name="tanggalSelesai" readonly="readonly" size="10" value="<?php if (isset($row_kegiatanrutin)) echo date('d-m-Y',strtotime(substr($row_kegiatanrutin->endDate,0,10))); ?>"/>
            </td>
        </tr>

        <tr>
            <td>
                <input type="checkbox" name="hari[]" id="senin" value="senin" /> Senin
            </td>
            <td>
                <span id="waktuSenin">
                    <input type="text" id="seninMulai" name="seninMulai" size="5" readonly="readonly" /> -  <input type="text" id="seninSelesai" name="seninSelesai" size="5" readonly="readonly" /><br />
                </span>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="hari[]" id="selasa"value="selasa" /> Selasa
            </td>
            <td>
                <span id="waktuSelasa">
                    <input type="text" id="selasaMulai" name="selasaMulai" size="5" readonly="readonly" /> -  <input type="text" id="selasaSelesai" name="selasaSelesai" size="5" readonly="readonly" /><br />
                </span>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="hari[]" id="rabu"value="rabu" /> Rabu
            </td>
            <td>
                <span id="waktuRabu">
                    <input type="text" id="rabuMulai" name="rabuMulai" size="5" readonly="readonly" /> -  <input type="text" id="rabuSelesai" name="rabuSelesai" size="5" readonly="readonly" /><br />
                </span>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="hari[]" id="kamis" value="kamis" /> Kamis
            </td>
            <td>
                <span id="waktuKamis">
                    <input type="text" id="kamisMulai" name="kamisMulai" size="5" readonly="readonly" /> -  <input type="text" id="kamisSelesai" name="kamisSelesai" size="5" readonly="readonly" /><br />
                </span>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="hari[]" id="jumat" value="jumat" /> Jumat
            </td>
            <td>
                <span id="waktuJumat">
                    <input type="text" id="jumatMulai" name="jumatMulai" size="5" readonly="readonly" /> -  <input type="text" id="jumatSelesai" name="jumatSelesai" size="5" readonly="readonly" /><br />
                </span>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="hari[]" id="sabtu" value="sabtu" /> Sabtu
            </td>
            <td>
                <span id="waktuSabtu">
                    <input type="text" id="sabtuMulai" name="sabtuSelesai" size="5" readonly="readonly" /> -  <input type="text" id="sabtuSelesai" name="sabtuSelesai" size="5" readonly="readonly" /><br />
                </span>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="hari[]" id="minggu" value="minggu" /> Minggu
            </td>
            <td>
                <span id="waktuMinggu">
                    <input type="text" id="mingguMulai" name="mingguMulai" size="5" readonly="readonly" /> -  <input type="text" id="mingguSelesai" name="mingguSelesai" size="5" readonly="readonly" /><br />
                </span>
            </td>
        </tr>
    </table>
    &nbsp&nbsp<a id="ambilPilihanRuangan">Cek Pilihan Ruangan</a>
</fieldset>

<fieldset id="pilihanRuangan">

<legend>&nbsp; Pilihan Ruangan</legend>
<div id="opsiPilihanRuangan"> <!--Akan berisi radio button pilihan ruangan pada range waktu beserta button submit-->
</div>


</fieldset>
<?php echo form_close();?>

